@charset "utf-8";

/*重置规划*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img {margin:0;padding:0} 

fieldset,img {border:0 none;} 

li{list-style: none;}

a{text-decoration: none;}

*{
	font-family:"microsoft yahei","宋体","黑体","arial","georgia";
}

#w1200{
	width: 1200px;
	margin: 0 auto;
}

#x_w1200{
	width: 1200px;
	margin: 0 auto;
}

.fl{
	float: left;
}

.fr{
	float: right;	
}

.ov{
	overflow: hidden;
}

.pr{
	position: relative;
}

.img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.clear {
	clear: both;
}

.col-gs-3{
	width: 30%;
}

.col-gs-4{
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
}

/* 顶部 */

#bj{
	background: url(../images/bj.png);
}


#ty_head{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}

#ty_head .head_one{
	background: #277e3a;
	height: 36px;
	line-height: 32px;
}

#ty_head .head_one p{
	color:#fff;
}

#ty_head .head_one .t2{
	text-align: center;
	width: 160px;
	position: absolute;
	left:600px;
	top: 5px;
	margin-left: -80px;
}

#ty_head .head_one .t2 ul li{
	float: left;
	margin: 0px 5px 0 5px ;
	cursor: pointer;
	position: relative;
}

#ty_head .head_one .t2 ul li span{
    background: url(../images/icon1.png) no-repeat;
	width: 22px;
	height: 22px;
	display: inline-block;

}

#ty_head .head_one .t2 ul .li1 span{
	background-position: -5px -5px;
}

#ty_head .head_one .t2 ul .li2 span{
	background-position: -37px -4px;
}

#ty_head .head_one .t2 ul .li3 span{
	background-position: -64px -5px;
}

#ty_head .head_one .t2 ul .li4 span{
	background-position: -96px -5px;
}

#ty_head .head_one .t2 ul .li5 span{
	background-position: -125px -5px;
}

#ty_head .head_one .t2 ul li .ewm{
	border: solid 2px #f2f2f2;
	background: #fff;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 41px;
	border-radius: 10px;
	display: none;
	z-index: 999;
}

#ty_head .head_one .t2 ul li .ewm img{
	width: 130px;
	height: 130px;
	display: block;
	position: relative;
}

#ty_head .head_one .t2 ul li .ewm:after,#ty_head .head_one .t2 ul li .ewm:before{
	/* border: solid transparent;
	content: ' ';
	height: 0;
	left: 100%; 
	position: absolute;
	width: 0; */
	position: absolute;
	left: 50%; 
	width: 0;
	height:0;
	content: ' ';
	border-left:20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff;
	 margin-left: -10px;
	
	
}

#ty_head .head_one .t2 ul li .ewm:after{
	/* border-width: 12px;
	border-left-color: #277e3a;
	top: -12px; */
	
	border-width: 10px;
	border-bottom-color: #fff;
	left: 76px;
	top: -10px;
}

#ty_head .head_one .t2 ul li .ewm:before{
	/* border-width: 10px;
	border-left-color: #000;
	top: -10px; */
	
	border-width: 12px;
	border-bottom-color: #f2f2f2;
	left: 74px;
	top: -12px;
	
}

#ty_head .head_one .t2 ul .li1 .ewm{
	left: -67px;
}

#ty_head .head_one .t2 ul .li2 .ewm{
	left: -70px;
}

#ty_head .head_one .t2 ul .li3 .ewm{
	left: -65px;
}

#ty_head .head_one .t2 ul .li4 .ewm{
	left: -67px;
}

#ty_head .head_one .t2 ul .li5 .ewm{
	left: -67px;
}

#ty_head .head_one .t2 ul li:hover .ewm{
	display: block;
}




#ty_head .t3 li{
	float: left;
	color: #fff;
}

#ty_head .t3 li span{
	margin: 0 10px;
}

#ty_head .t3 .head_ul_hover{
	margin: 0 13px 0 0px;
}

#ty_head .t3 .t3_s{
	margin-right: 6px;
}

#ty_head .t3 .t3_s a{
	margin: 0 5px;
}

#ty_head .t3 .head_ul_hover form input{
	width: 0;
	opacity: 0;
	transition: 0.4s;
	display: inline-block;
}

#ty_head .t3 .head_ul_hover form input{
	height: 30px;
	border: none;
	outline: none;
	text-indent: 10px;
	border-radius:3px;
	box-shadow:0px 0px 4px #fff ;
}

#ty_head .t3 .head_ul_hover form a img{
	vertical-align: middle;
	padding: 0 5px;
}

#ty_head .t3 .head_ul_hover:hover form input{
	width: 180px;
	opacity: 1;
	transition: 0.4s;
}

#ty_head .t3 ul li img{
	vertical-align: middle;
}

#ty_head .head_two .nav_one{
	height: 42px;
	line-height: 48px;
	background: #fff;
}

#ty_head .head_two .nav_one ul{
	width: 100%;
}

#ty_head .head_two .nav_one ul li{
	float: left;
	line-height: 42px;
	width: 10%;
}

#ty_head .head_two .nav_one ul li a{
	color: #333;
	/* padding: 0 25px; */
}

#ty_head .head_two .nav_one ul li a:hover{
	color: #277E3A;
}

#ty_head .head_two .nav_two{
	background: #4d4d4d;/*background: #bada55;*/
	height: 35px;
}

#ty_head .head_two .logo{
	position: absolute;
	left:50%;
	top: -0px;
	margin-left:-84px;
	height:82px;
}
#ty_head .head_two .logo img { width:100%;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 0px; height:50px; line-height:50px; position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; font-weight: normal; }
.nav .nLi h3 a{ display:block; padding:0 28px; font-size:16px;  }
.nav .sub{ display:none; left:0; top:42px;  position:absolute; background:#fff;  line-height:45px; padding:0px 0px;width: 100%;  }
.nav .sub li{ zoom:1;border-bottom: solid 1px #f8f8f8;width: 100% !important; }
.nav .sub a{ display:block; padding:0 10px;text-align:center; }
.nav .sub a:hover{ color:#fff !important;background: #277E3A;  }
.nav .on h3 a{ color:#277E3A !important;   }



/* 页脚 */

#footer{
	/*background: url(../images/footer_bj.jpg) no-repeat center center;*/
	background: #333;
	height: 340px;
	text-align: center;
	min-width: 1200px;
}

#footer .footer_box{
	padding-top:36px;
}

#footer .footer_box .p1 a{
	line-height:60px;
	font-size:24px;
	color:#fff;
	font-family: arial;
	
}

#footer .footer_box .p4{
	font-size:14px;
	margin-top: 32px;
	color: #fff;
}

#footer .footer_box .p4 a{
	color: #fff;
}


/* 回到顶部 */

 #goToTop { 
	 position: fixed; 
	 bottom: 20px; 
	 right: 3%; 
}

#goToTop a {
	/* background: none repeat scroll 0 0 #336699; */
	/* border: 1px solid #CCCCCC; */
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	color: #ff0; 
	font-size: 14px; 
	padding: 5px; 
	text-decoration: none; 
	text-shadow: 0 1px 0 #999; 
	-webkit-text-shadow: 0 1px 0 #999; 
	}
	






/*响应式开始*/

@media only screen and (max-width: 1200px) {
	
	#x_w1200 {
    width: 1000px;
    margin: 0 auto;
    max-width: 1200px;
}
	
	#ty_head .t3 .head_ul_hover:hover form input{
		width: 120px;
	}
	
	#ty_head .head_one .t2{
		left: 50%;
	}

	.nav .nLi h3 a{
		padding: 0 18px;
	}
	
	
	
}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	
	.fullSlide{
		height: 400px; 
	}
	
	.fullSlide .bd li{
		height: 400px;  
	}
	
	
}